import './index.less'
import home from '../../../assets/img/home/home.png'
import friend from '../../../assets/img/home/frends.png'
import hot from '../../../assets/img/home/hot.png'
export default function HomeHeader(){
  return (
    <div className="home-header flex-between cardBox">
      <div className="left-part flex-between">
        <div className="flex-center column">
          <img src={home}  alt="home" />
          <span>首页</span>
        </div>
        <div className="flex-center column">
          <img src={friend} alt="friend" />
          <span>动态</span>
        </div>
        <div className="flex-center column">
          <img src={hot} alt="hot" />
          <span>排行</span>
        </div>
      </div>
      <div className="center-part grow">
        <ul className="flex-between">
          <li>JavaScript</li>
          <li>Java</li>
          <li>Node.js</li>
          <li>Vue</li>
          <li>React</li>
          <li>PHP</li>
          <li>游戏</li>
          <li>MySQL</li>
          <li>Taro</li>
          <li>全栈</li>
          <li>小程序</li>
          <li>算法</li>
          <li>计算机基础</li>
        </ul>
      </div>
    </div>
  )
}